/* * name:Global && Pc StyleSheet * version:v3.4.2 * update:添加百度地图容器样式；默认隐藏百度分享的触控弹层 * date:2017-08-11 */ .row{width:101%;transition:.2s width ease;*zoom:1}.row:before,.row:after{display:table;clear:both;content:''}.row>[class*="span-"]{float:left;margin-right:1%;*margin-right:.89%}.row>.span-1{width:7.33333333%}.row>.span-2{width:15.66666667%}.row>.span-3{width:24%}.row>.span-4{width:32.33333333%}.row>.span-5{width:40.66666667%}.row>.span-6{width:49%}.row>.span-7{width:57.33333333%}.row>.span-8{width:65.66666667%}.row>.span-9{width:74%}.row>.span-10{width:82.33333333%}.row>.span-11{width:90.66666667%}.row>.span-12{width:99%}.full-row{width:100%;transition:.2s width ease;*zoom:1}.full-row:before,.full-row:after{display:table;clear:both;content:''}.full-row>[class*='span']{float:left}.full-row>.span-1{width:8.33333333%;*width:8.22333333%}.full-row>.span-2{width:16.66666667%;*width:16.55666667%}.full-row>.span-3{width:25%;*width:24.89%}.full-row>.span-4{width:33.33333333%;*width:33.22333333%}.full-row>.span-5{width:41.66666667%;*width:41.55666667%}.full-row>.span-6{width:50%;*width:49.89%}.full-row>.span-7{width:58.33333333%;*width:58.22333333%}.full-row>.span-8{width:66.66666667%;*width:66.55666667%}.full-row>.span-9{width:75%;*width:74.89%}.full-row>.span-10{width:83.33333333%;*width:83.22333333%}.full-row>.span-11{width:91.66666667%;*width:91.55666667%}.full-row>.span-12{width:100%;*width:99.89%}.row>.pull-right,.full-row>.pull-right{float:right}.row>.center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.center{display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.pull-left-1{position:relative;left:-8.33333333%}.pull-left-2{position:relative;left:-16.66666667%}.pull-left-3{position:relative;left:-25%}.pull-left-4{position:relative;left:-33.33333333%}.pull-left-5{position:relative;left:-41.66666667%}.pull-left-6{position:relative;left:-50%}.pull-left-7{position:relative;left:-58.33333333%}.pull-left-8{position:relative;left:-66.66666667%}.pull-left-9{position:relative;left:-75%}.pull-left-10{position:relative;left:-83.33333333%}.pull-left-11{position:relative;left:-91.66666667%}.pull-left-12{position:relative;left:-100%}.pull-right-1{position:relative;left:8.33333333%}.pull-right-2{position:relative;left:16.66666667%}.pull-right-3{position:relative;left:25%}.pull-right-4{position:relative;left:33.33333333%}.pull-right-5{position:relative;left:41.66666667%}.pull-right-6{position:relative;left:50%}.pull-right-7{position:relative;left:58.33333333%}.pull-right-8{position:relative;left:66.66666667%}.pull-right-9{position:relative;left:75%}.pull-right-10{position:relative;left:83.33333333%}.pull-right-11{position:relative;left:91.66666667%}.pull-right-12{position:relative;left:100%} @media only screen and (max-width:1024px){.row>.midd-1{width:7.33333333%}.row>.midd-2{width:15.66666667%}.row>.midd-3{width:24%}.row>.midd-4{width:32.33333333%}.row>.midd-5{width:40.66666667%}.row>.midd-6{width:49%}.row>.midd-7{width:57.33333333%}.row>.midd-8{width:65.66666667%}.row>.midd-9{width:74%}.row>.midd-10{width:82.33333333%}.row>.midd-11{width:90.66666667%}.row>.midd-12{width:99%}.midd-hide{display:none}.midd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.midd-1{width:8.33333333%}.full-row>.midd-2{width:16.66666667%}.full-row>.midd-3{width:25%}.full-row>.midd-4{width:33.33333333%}.full-row>.midd-5{width:41.66666667%}.full-row>.midd-6{width:50%}.full-row>.midd-7{width:58.33333333%}.full-row>.midd-8{width:66.66666667%}.full-row>.midd-9{width:75%}.full-row>.midd-10{width:83.33333333%}.full-row>.midd-11{width:91.66666667%}.full-row>.midd-12{width:100%}}@media only screen and (max-width:992px){.row>.smidd-1{width:7.33333333%}.row>.smidd-2{width:15.66666667%}.row>.smidd-3{width:24%}.row>.smidd-4{width:32.33333333%}.row>.smidd-5{width:40.66666667%}.row>.smidd-6{width:49%}.row>.smidd-7{width:57.33333333%}.row>.smidd-8{width:65.66666667%}.row>.smidd-9{width:74%}.row>.smidd-10{width:82.33333333%}.row>.smidd-11{width:90.66666667%}.row>.smidd-12{width:99%}.smidd-hide{display:none}.smidd-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}.full-row>.smidd-1{width:8.33333333%}.full-row>.smidd-2{width:16.66666667%}.full-row>.smidd-3{width:25%}.full-row>.smidd-4{width:33.33333333%}.full-row>.smidd-5{width:41.66666667%}.full-row>.smidd-6{width:50%}.full-row>.smidd-7{width:58.33333333%}.full-row>.smidd-8{width:66.66666667%}.full-row>.smidd-9{width:75%}.full-row>.smidd-10{width:83.33333333%}.full-row>.smidd-11{width:91.66666667%}.full-row>.smidd-12{width:100%}}@media only screen and (max-width:760px){.row>.smal-1{width:7.33333333%}.row>.smal-2{width:15.66666667%}.row>.smal-3{width:24%}.row>.smal-4{width:32.33333333%}.row>.smal-5{width:40.66666667%}.row>.smal-6{width:49%}.row>.smal-7{width:57.33333333%}.row>.smal-8{width:65.66666667%}.row>.smal-9{width:74%}.row>.smal-10{width:82.33333333%}.row>.smal-11{width:90.66666667%}.row>.smal-12{width:99%}.smal-hide{display:none}.smal-show{display:block}.smal-center{position:relative;left:-0.5%;display:block;float:none;clear:both;margin-right:auto;margin-left:auto}[class*='pull-left-'],[class*='pull-right-']{right:auto;left:auto}.full-row>.smal-1{width:8.33333333%}.full-row>.smal-2{width:16.66666667%}.full-row>.smal-3{width:25%}.full-row>.smal-4{width:33.33333333%}.full-row>.smal-5{width:41.66666667%}.full-row>.smal-6{width:50%}.full-row>.smal-7{width:58.33333333%}.full-row>.smal-8{width:66.66666667%}.full-row>.smal-9{width:75%}.full-row>.smal-10{width:83.33333333%}.full-row>.smal-11{width:91.66666667%}.full-row>.smal-12{width:100%}} /*挂件分页样式*/ .util-page{ font-size:0; color: #000; text-align: center;} .util-page .gobutton,.util-page .sl,.util-page .num,.util-page .count { color: #000;display: inline-block;border: 1px solid #ededed;margin:10px 0;padding:5px 10px;vertical-align: middle;margin: 0 0 10px -1px;background: #fff; font-size:16px ;font-weight:normal; } .util-page .gobutton:hover,.util-page .num:hover,.util-page .current{color:#fff; background:#21478b;} .util-page span.gobutton,.util-page span.gobutton:hover { color:#000; background-color:#eee; } .util-page .gobutton .ion{ font-size: .8em;} .util-page .count { margin-left:10px; color:#000; background:none; border:none; } .util-page span.jump{ background: none; color: #000;display: inline-block; margin: 0 7px; vertical-align: top; } .util-page span.jumpto,.util-page span.jumpto_text,.util-page span.jumpto_text{ background: none; border: none;color: #000; font-size: 14px; } .util-page .jumpto_inp{ width: 40px; text-align: center; height: 37px; line-height: 37px; vertical-align: top; } /*百度地图容器-默认高度45%，BdMapArea是防止在同屏版心下地图太大*/ .BdMapArea { margin:0 auto 55px; max-width:1200px; } .BdMapWrapper { position:relative; width:100%; height:0; padding-bottom:45%; overflow:hidden; } .BdMapWrapper .BdMapCon { position:absolute; top:0; left:0; width:100%; height:100%; } @media only screen and (max-width:760px) { .BdMapArea { display:none; } } /*默认隐藏百度分享触控弹层*/ .bdshare_popup_box { display:none!important;} /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display:inline-block; width:20px; height:20px; white-space:nowrap; letter-spacing:-1em; text-indent:-99em; color:transparent; background:url(../images/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000');vertical-align:middle;} .ico:before {content:'\3000';} .ico1_2 { background-position:-20px 0;} .ico1_3 { background-position:-40px 0;} .ico1_4 { background-position:-60px 0;} .ico1_5 { background-position:-80px 0;} .ico2_1 { background-position:0 -20px;} .ico2_2 { background-position:-20px -20px;} .ico2_3 { background-position:-40px -20px;} .ico2_4 { background-position:-60px -20px;} .ico2_5 { background-position:-80px -20px;} .ico3_1 { background-position:0 -40px;} .ico3_2 { background-position:-20px -40px;} .ico3_3 { background-position:-40px -40px;} .ico3_4 { background-position:-60px -40px;} .ico3_5 { background-position:-80px -40px;} .ico4_1 { background-position:0 -60px;} .ico4_2 { background-position:-20px -60px;} .ico4_3 { background-position:-40px -60px;} .ico4_4 { background-position:-60px -60px;} .ico4_5 { background-position:-80px -60px;} /* 常量设置 */ .wrap { width:1200px; margin-right:auto; margin-left:auto;} .mwrap { max-width:1366px; margin-right:auto; margin-left:auto;} .Banner002729{display: block; margin-top: 0px;} .Banner002729 .slider li.slick-slide{ height: auto;position: relative; } .Banner002729 .ytable{height: 100%;width: 100%;} .Banner002729 .txt-main{position: absolute; left: 0; width: 100%; top: 0; height: 100%; z-index: 3;font-size: 50px;} .Banner002729 .txt-main a.more{ display: block; color: #fff; border-radius:50px ; width:100px; line-height: 30px; background: #0093dd; text-align: center; letter-spacing: 0.625em; font-weight: bold; font-size: 0.32em;transform: translateY(100%); -webkit-transform: translateY(100%);opacity: 0;-webkit-opacity: 0; transition:transform 0.5s 1.5s,opacity 0.5s 1.5s;} .Banner002729 .txt-main a.more:hover{background: #184477; color: #fff;} .Banner002729 .txt-main aside{color: #fff; max-width: 700px; transform: translateY(100%); -webkit-transform: translateY(100%);opacity: 0;-webkit-opacity: 0;} .Banner002729 .txt-main aside.tit{font-size: 1em; line-height: 1em; max-height: 2em; margin-bottom: 20px; transition: 0.5s;} .Banner002729 .txt-main aside.pre{font-size: 20px;line-height: 30px;max-height: 2.6em;margin: 12% 0 4%;transition: 0.5s 0.5s;} .Banner002729 .an-show .txt-main a.more, .Banner002729 .an-show .txt-main aside{ transform: translateY(0); -webkit-transform: translateY(0); opacity: 1;-webkit-opacity: 1;} .Banner002729 .slider li img{display: block; width: 100%;} .Banner002729 .slick-dots{text-align: center;position: absolute; left: 0; z-index: 10; bottom: 30px; width: 100%;} .Banner002729 .slick-dots li{list-style: none; display: inline-block; margin: 0 4px; width: 18px; height: 18px; border-radius: 50%; border:2px solid transparent; cursor: pointer; position: relative;} .Banner002729 .slick-dots li button{position: absolute; left: 50%; top: 50%; background: #e1e1e1; border-radius: 50%; padding: 0; width: 12px; height: 12px; margin: -6px 0 0 -6px; cursor: pointer; font-size: 0; border: 0;background: #fff; opacity: 0.8;-webkit-opacity: 0.8;} .Banner002729 .slick-dots li.slick-active button{opacity: 1;-webkit-opacity: 1;width: 8px; height: 8px; margin: -4px 0 0 -4px; background: #fff;} .Banner002729 .slick-dots li.slick-active{border-color: #fff;} @media(min-width:1201px){ .Banner002729 .slider li img.wap{display: none;} } @media(max-width:1200px){ .Banner002729 .slider li img.pc{display: none;} } @media(max-width:1024px){ .Banner002729 .txt-main{font-size: 40px;} } @media(max-width:640px){ .Banner002729 .txt-main{font-size:28px;} } @media(max-width:480px){ .Banner002729{display: block} .Banner002729 .txt-main{font-size:20px;} } @media(max-width:375px){ .Banner002729 .txt-main aside.pre{font-size: 18px;line-height: 26px;max-height: 2.6em;margin: 14% 0 5%;transition: 0.5s 0.5s;} } /*对ie8设置最小宽度，防止页面错乱*/ /*for ie8*/ body{min-width:1240px\9; overflow-x:auto;} /*for ie9+*/ @media all and (min-width:0){ body{min-width:0; overflow-x:hidden;} } body{font-size:14px; line-height:1.6; color:#555; background:#fff; overflow-x:hidden;} a{color:inherit;} a:hover { color:#21478b;} ::-moz-selection {color:#fff; background:#21478b; } ::selection {color:#fff; background:#21478b; } ::-webkit-input-placeholder { color:#aaa; } .placeholder { color:#aaa;} /*css组件设置*/ .form-control, .input-group-addon, .btn{border-radius:2px; } .form-control:focus { border-color:#66afe9; outline:0; box-shadow:inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6);} .imgZoom img,.imgY180 img { -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); } .imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);} .imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) } /* 网站样式 */ /* 导航部分 */ .header{width: 96%;position: fixed;top: 20px;left: 2%;background: #fff;z-index: 99;height: 90px;transition: top .5s ease;-webkit-transition:top .5s ease;} .header.fixed{top:0;box-shadow: 0 5px 8px rgba(0,0,0,.2)} .header .logo{width: 170px;height:50px;background-image: url(../images/logo.png);background-position: center center;background-repeat: no-repeat;margin-top: 20px;display: inline-block; } .header .header_logo{width: 14%;float: left;position: relative;height: 90px;text-align: center;} .header .header_logo:after{content:'';position: absolute;right: 0;top: 0;height: 100%;width: 1px;background: #d9d9d9;} .header .header_nav{width: 69%;float: right;} .header .header_tools{float: right;height: 90px;position: relative;width: 17%;} .header .header_tools .mobile_key{display: none;} .header .header_nav .nav_container>ul>li{float: left;width: 12.5%;text-align: center;font-size: 16px;color: #333;height: 90px;line-height: 90px;} .header .header_nav .nav_container>ul>li a{display: block;} .header .header_tools li{height: 90px;line-height: 90px;font-size: 16px;float: left;text-align: center;color: #fff;background: #3e93e4;cursor: pointer;width: 50%;float: right;} .header .header_tools li .iconfont{display: block;margin: 0;border-right: 1px solid #3e93e4; font-size:20px; font-weight:bold;} .header .header_tools li.language{ background:#015198; } .header .header_tools li.language .iconfont{display:inline-block; *display:inline; *zoom:1; font-size:12px; font-weight:bold; border:none;} .header .header_tools li.quick_a{width:50%;color: #fff;font-size: 14px;background: #015198;border-right: none;border-bottom: 1px solid #015198;height: 89px;line-height: 89px;} .header .header_tools li.quick_a .iconfont{font-size: 12px;font-weight: bold;border-right: 0;display: inline-block;} .header .header_tools li.quick_a a{color: #fff;} .header .header_tools li.quick_a:after{display: none;} .header .header_tools .quick_box{position: absolute;top: 100%;right: 0;width: 100%;background-color: #015198; background-repeat: no-repeat;background-position: right top;text-align: left;font-size: 16px;padding: 25px 0 35px;display: none;} .header .header_tools .quick_box a{padding-left: 39px;display: block;height: 50px;line-height: 50px;opacity: 0;filter: alpha(opacity=0);transform: translateX(30px);transition: all .6s ease-in-out;-webkit-transition:all .6s ease-in-out;} .header .header_tools .quick_box a .lin{padding-right: 30px;color: #fff;vertical-align: 2px;} .header .header_tools .quick_box.show a{opacity: 1;filter: alpha(opacity=100);transform: translateX(0);transition-delay: .3s;} .header .header_tools .quick_box.show a:nth-child(1){transition-delay: .3s;} .header .header_tools .quick_box.show a:nth-child(2){transition-delay: .5s;} .header .header_tools .quick_box.show a:nth-child(3){transition-delay: .7s;} .header .header_tools .quick_box.show a:nth-child(4){transition-delay: .9s;} .header .header_tools .quick_box.show a:nth-child(5){transition-delay: 1.1s;} .header .header_tools .quick_box.show a:nth-child(6){transition-delay: 1.3s;} .header .header_tools .quick_box.show a:nth-child(7){transition-delay: 1.5s;} .header .header_tools .quick_box.show a:nth-child(8){transition-delay: 1.7s;} .header .header_tools .quick_box.show a:nth-child(9){transition-delay: 1.9s;} .header .header_tools .quick_box.show a:nth-child(10){transition-delay: 2.1s;} .header .header_tools .quick_box.show a:nth-child(11){transition-delay: 2.3s;} /* 下拉 */ .header .header_box{position: relative; } .header .header_nav .inner_box{position: absolute;top: 100%;left: 0;width: 100%;padding: 65px 0 40px;background: #fff;box-shadow: 0 2px 5px rgba(0,0,0,0.075);display: none;border-top: 1px solid #f5f5f5;} .header .header_nav .inner_box .box_l{width: 65%;float: left;padding-left:7%;text-align: center;opacity: 0;filter: alpha(opacity=0);transform: translateY(20px);transition: all .5s cubic-bezier(.4,.5,.58,1.11);transition-delay: 0.3s;} .header .header_nav .inner_box .box_r{width: 25%;float: left;text-align: left;opacity: 0;filter: alpha(opacity=0);transform: translateX(20px);transition: all .5s cubic-bezier(.4,.5,.58,1.11);transition-delay: 0.4s;} .header .header_nav .inner_box.inner_hover .box_l, .header .header_nav .inner_box.inner_hover .box_r{opacity: 1;filter: alpha(opacity=100);transform: translate(0,0);} .header .header_nav .inner_box .box_l li{width: 20%;float: left;height: 30px;line-height: 30px;font-size: 18px;margin-top: 11px;color: #000;position: relative;text-align: left;padding-top: 15px;margin-bottom: 35px;} .header .header_nav .inner_box .box_l li:before{content: '';position: absolute;top: 0;left: 0;width: 30px;height: 1px;background: #000;transition: all .5s ease;-webkit-transition: all .5s ease;} .header .header_nav .inner_box .box_l li a{display: block;} .header .header_nav .inner_box .box_l li:hover:before{width: 72px;background: #21478b;} /* 产品下拉 */ .header .header_nav .pro .inner_box li:before{visibility: hidden;} .header .header_nav .pro .inner_box li.t:before{content: '';position: absolute;top: 0;left: 0;width: 30px;height: 1px;background: #000;transition: all .5s ease;-webkit-transition: all .5s ease;visibility: visible;} .header .header_nav .pro .inner_box ul:hover li.t:before{width: 130px;background: #21478b;} .header .header_nav .pro .inner_box ul{float: left;width: 25%;} .header .header_nav .pro .inner_box ul li{float: none;width: 100%;font-size: 14px;color: #666;line-height: 1.6;height: auto;padding-top: 0;margin-top: 0;margin-bottom: 13px;} .header .header_nav .pro .inner_box li.t{font-size: 18px;color: #000;padding: 30px 0 5px;} .header .header_nav .pro .inner_box li.more{margin-top: 5px;font-size: 12px;font-family: "Impact";font-weight: normal;} /* 触控 */ /*.header .header_box:hover .header_logo{background: #21478b;}*/ /*.header .header_box:hover .logo{background-image: url(../images/logo2.png);}*/ /*.header .header_box:hover .header_nav{background: #21478b;color: #fff;}*/ /*.header .header_box:hover .header_nav .nav_container>ul>li>a{color: #fff;}*/ /*.header .header_box:hover .header_logo:after{background: #21478b;transition: all .5s ease;}*/ /* 搜索框 */ .header_search_fix{position: fixed;z-index: 99;top: 0;left: 0;width: 100%;height: 100%;background: #21478b;color: #fff;display: none;} .header .header_logo{z-index: 100;} .header_search_fix .search{font-size: 18px;margin-bottom: 10px;} .header_search_fix .box{position: absolute;width: 40%;top: 50%;margin-top: -50px;text-align: left;left: 30%;} .header_search_fix .input{background: none;width: 70%;border: 0;outline: 0;font-size: 56px;color: #fff;font-family: 'Impact'} .header_search_fix .input::-webkit-input-placeholder { color: #fff; font-size: 56px; } .header_search_fix .input:-moz-placeholder { color: #fff; font-size: 56px; } .header_search_fix .input:-ms-input-placeholder { color: #fff; font-size: 56px; } .header_search_fix .search_box{line-height: 70px;height: 70px;position: relative;} .header_search_fix .submit{width: 125px;height: 45px;line-height: 41px;font-size: 14px;color: #fff;border: 2px solid #fff;border-radius: 20px;background: transparent;padding: 0;margin: 0;position: absolute;top: 50%;margin-top: -23px;right: 0;-webkit-appearance: none;} .header_search_fix .close{position: absolute;width: 88px;height: 88px;font-size: 12px;line-height: 92px;border: 1px solid #fff;right: 60px;top: 20px;text-align: center;cursor: pointer;transition: all .5s ease;-webkit-transition:all .5s ease;background: #21478b;} .header_search_fix .close:hover{background: #21478b;} /* .search_hover .header_logo{background-color: #21478b;} */ body .search_hover.header .header_logo .logo{background-image: url(../images/logo2.png);} .search_hover .header_logo:after{display: none;} .header.search_hover .header_box:hover .header_logo{background: #21478b;} .header_search_fix .pro_list{position: absolute;right: 60px;bottom: 60px;text-align: right;} .header_search_fix .pro_list .t{font-size: 18px;color: #fff;padding-bottom: 10px;} .header_search_fix .pro_list a{display: block;font-size: 14px;opacity: 0.5;filter: alpha(opacity=50);color: #fff;} .header_search_fix .search_box .common_btn:hover span{color: #fff;} .header_search_fix .submit:before{width: 100%;margin-top: 0;} .header_search_fix .submit:hover{background: #015198;} .header_search_fix .submit:before{width: 100%;left: 0;text-align: center;} .right_bar{position:fixed; top:300px; right:0; width:50px; height:203px; z-index:10;} .right_bar li{ width:62px; height:50px; z-index:20; } .right_bar li.rtbar_li1,.right_bar li.rtbar_li4{ position:absolute; left:0;} .right_bar li.rtbar_li1{ top:0; width:172px; } .right_bar li.rtbar_li2{ position:absolute; top:51px; left:0; } .right_bar li.rtbar_li3{ position:absolute; top:102px; left:0; width:126px; } .right_bar li.rtbar_li4{ top:153px;} .rtbar_li4{ position:absolute; top:153px; left:0;} .right_bar li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#39424b; opacity:0.8; border-radius:6px;} .right_bar li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;} .right_bar li a:hover{ background-color:#173e7f; opacity:1;} .rtbar_shwx{ display:none; position:absolute; top:-120px; left:-160px; padding-bottom:9px; } .rtbar_shwx img{ padding:14px; background-color:#FFF; } .footer{color:#fff;} .footer1{background:#015198; padding:70px 0 40px;} .footer1 .t{line-height:42px; font-size:20px;} .footer1 .l{width:70%;} .footer1 .l ul{overflow:hidden;} .footer1 .l ul li{float:left; margin-right:70px;} .footer1 .r{text-align:right;} .footer1 a{display:block; line-height:28px; font-size:14px;} .footer1 a:hover{color:#fff; opacity:.8;} .footer1 .r .t{border-right:3px solid #fff; padding-right:20px;} .footer1 .r .tel{color:#015198; font-size:24px; margin:10px 0; display:inline-block; *display:inline; *zoom:1;} .footer1 .tool{margin-top:40px;} .footer1 .tool .ewm{ width:55px; height:55px; background-image:url(../images/footer_ewm.png); background-color:#fff; display:inline-block; *display:inline; *zoom:1; margin-right:5px; cursor:pointer; position:relative;} .footer1 .tool .ewm img{max-width:none; position:absolute; bottom:100%; left:0; opacity:0; visibility:hidden; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; margin-bottom:10px;} .footer1 .tool .ewm:hover img{opacity:1; visibility:visible;} .footer1 .tool .sharemore{background:#fff; line-height:55px; width:55px; display:inline-block; *display:inline; *zoom:1; font-size:40px; color:#21478b; margin:0; float:right; text-align:center; cursor:pointer;} .footer2{background:#18386e; font-size:14px; line-height:30px; padding:25px 0;} /*下层banner*/ .common-xc .xc_banner{width:100%;height:440px;background-attachment:fixed;background-repeat:no-repeat;position:relative;background-position:center 0;} .common-xc .xc_banner .xc_title{width:1180px;font-size:40px;color:#fff;font-weight:bold;position:absolute;left:50%;margin-left:-590px;bottom:100px;} .common-xc .xc_banner .bread{width:1180px;font-size:14px;color:#fff; position:absolute;left:50%;margin-left:-590px;bottom:80px;} .common-xc .xc_nav ul{overflow:hidden;} .common-xc .xc_nav li{float:left;height:66px;line-height:66px;position:relative; color:#000; font-size:16px;} .common-xc .xc_nav li a{padding:0 30px;} .common-xc .xc_nav li:hover,.xc_nav li.cur{font-weight:bold;color:#21478b;} .common-xc .xc_nav li:first-child a{padding-left:0;} .common-xc .xc_nav li:after{content:"";width:1px;height:12px;background:#dddddd;display:block;position:absolute;right:-0.5px;top:50%;margin-top:-6px;} .common-xc .xc_nav li:last-child:after{display:none;} .cbanner_mouse{position:absolute; width:23px; height:40px; cursor:pointer; background:url(../images/banner_mouse_ico.png) no-repeat -23px 0px; -webkit-animation:nudgeMouse 1.6s linear infinite; animation:nudgeMouse 1.6s linear infinite; bottom: 80px;left: 50%;margin-left: 600px;} .cbanner_mouse:after, .cbanner_mouse:before{content:""; position:absolute;} .cbanner_mouse:before{width:23px; height:40px; background:url(../images/banner_mouse_ico.png) no-repeat 0px 0px; -webkit-animation:colorSlide 1.6s linear infinite; animation:colorSlide 1.6s linear infinite; top:0; left:0; } .cbanner_mouse:after{background-color:#ffffff; width:4px; height:4px; border-radius:100%; -webkit-animation:trackBallSlide 1.6s linear infinite; animation:trackBallSlide 1.6s linear infinite; top:0; right:0; bottom:0; left:0; margin:auto;} @media only screen and (max-width: 1240px){ .common-xc .xc_banner .xc_title,.common-xc .xc_banner .bread {width: 940px; margin-left: -470px; } .cbanner_mouse{margin-left: 470px;} .common-xc .xc_nav li a {padding: 0 24px; } } @media only screen and (max-width: 992px){ .common-xc .xc_banner .xc_title,.common-xc .xc_banner .bread {width: 740px; margin-left: -370px; } .cbanner_mouse{margin-left: 370px;} .common-xc .xc_nav li a {padding: 0 14px; } } @media only screen and (max-width: 760px){ .common-xc .xc_banner {height:360px; background-attachment: scroll; background-size: cover; background-position: center; } .common-xc .xc_banner .xc_title{width: auto; left: 2%; bottom: 60px; margin: 0; font-size:22px;} .common-xc .xc_banner .bread{width: auto; left: 2%; bottom: 30px; margin: 0; font-size:14px;} .cbanner_mouse{display:none;} .common-xc .xc_nav{display: none;} } @-webkit-keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); } 68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); } 100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } } @keyframes trackBallSlide { 0% { opacity: 1; -webkit-transform: scale(1) translateY(-8px); transform: scale(1) translateY(-8px); } 34% { opacity: 1; -webkit-transform: scale(0.9) translateY(4px); transform: scale(0.9) translateY(4px); } 68% { opacity: 0; -webkit-transform: scale(0.4) translateY(16px); transform: scale(0.4) translateY(16px); } 100% { opacity: 0; -webkit-transform: scale(0.4) translateY(-8px); transform: scale(0.4) translateY(-8px); } } @-webkit-keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } @keyframes nudgeMouse { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(8px); transform: translateY(8px); } 100% { -webkit-transform: translateY(0); transform: translateY(0); } } .index_slider{} .index_slider .ibanner{cursor: none;} .index_slider .item{overflow: hidden;z-index: 6;position: relative;} .index_slider .item img{position: absolute;top:0;left: 0;width: 100%;height: 100%;} .index_slider .owl-item{overflow: hidden;} .index_slider .ibanner{visibility: hidden;} .index_slider .ibanner.owl-loaded{visibility: visible;} .index_slider .ibanner .text_box{position: absolute;top: 50%;width:750px;left:45%;margin-top: -100px;opacity: 0;filter: alpha(opacity=0);transition: all .8s ease;-webkit-transition: all .8s ease;visibility: hidden;z-index: 31; margin-left:-600px; cursor:pointer; color:#fff;} .index_slider .ibanner .active .text_box{opacity: 1;filter: alpha(opacity=100);visibility: visible;cursor: pointer;} .index_slider .ibanner .active .text_box a:hover{color:#fff;} .index_slider .ibanner .text_box .tit{font-size: 24px; position:relative; padding-left:110px;} .index_slider .ibanner .text_box .tit:before{content:""; position:absolute; top:0; left:0; width:110px; height:100%; background:url(../images/ibanner_flag.png) no-repeat left center;} .index_slider .ibanner .text_box .en{font-size:80px;font-family: 'impact'; line-height:1; margin:10px 0 20px;} .index_slider .ibanner .text_box .cn{font-size: 22px;} .index_slider .ibanner .text_box{position:relative;} .index_slider .ibanner .text_box:after{content:""; width:60px; height:2px; background:#fff; position:absolute; left:0; bottom:-40px;} .index_slider .en span{color: #fff;} .index_slider .ibanner .banner_img{width:1920px; max-width:none; position:absolute; left:50%; top:50%; margin-left:-960px; margin-top:-400px; height:auto;} .index_slider .cursor{position:fixed;top:0;left:0;z-index:30; pointer-events: none;display:none;} .index_slider .cursor .cursorIcon{width:33px;height:54px;background:url(../images/cursor-left.png) no-repeat center;transition: all .5s ease;-webkit-transition: all .5s ease;} .index_slider .cursor.right .cursorIcon{background: url(../images/cursor-right.png) no-repeat center;} .index_slider .item .video{min-width:100%; min-height:100%; position:absolute; left:0; top:0;} .index_slider .item .video_cover{background:url(../images/cover.png); position:absolute; left:0; right:0; top:0; bottom:0; width:100%; height:100%;} .index_slider .owl-carousel .owl-item .mobile_img{display:none;} .index_slider .ibanner .owl-nav.ie_show{display:block;} .index_slider .ibanner .owl-nav.ie_show [class^=owl-]{position: absolute;width:33px;height:54px;left:5%;top:50%;margin-top: -27px;background: url(../images/cursor-left.png);z-index: 10;font-size: 0;} .index_slider .ibanner .owl-nav.ie_show [class^=owl-].owl-next{background: url(../images/cursor-right.png);right:5%;left:auto;} .index_slider .ibanner .wrap1300.ie_left{width: 900px;margin: 0 auto;} .d_b{display:block;} .common-page-xc{padding:90px 0;} .channel_content{min-height:300px; background:#eef2f5;} .index {padding:0;} .index .index_en{font-size:48px; color:#21478b; font-family:Impact; text-transform:uppercase;} .index .index_cn{font-size:34px; color:#fff; font-weight:bold; color:#000; display:inline-block; *display:inline; *zoom:1; position:relative; line-height:1; margin-bottom:10px;} /*.index .index_cn:after{content:""; position:absolute; bottom:0; right:-5px; width:5px; height:5px; background:#015198; border-radius:50%;}*/ .index .index_desc{color:#979797; font-size:18px;} .index .index_more{color:#a8a8a8; position:absolute; right:0; top:0;} .index .index_more span{color:#015198; display:inline-block; *display:inline; *zoom:1; margin-left:5px;} .index .index_more:hover{color:#21478b;} .index .pt1{padding:85px 0 100px;} .index .pt1 .top{position:relative;} .index .pt1 .top ul{position:absolute; bottom:0; right:0;} .index .pt1 .top ul li{display:inline-block; *display:inline; *zoom:1; color:#000; font-size:18px; font-weight:bold; width:140px; line-height:25px; position:relative; padding-bottom:5px;} .index .pt1 .top ul li a{color:#000;} .index .pt1 .top ul li:hover a,.index .pt1 .top ul li.cur a{color:#015198; font-size:22px;} .index .pt1 .top ul li:after{content:""; position:absolute; left:0; bottom:0; width:0; height:2px; background:#015198; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .index .pt1 .top ul li:hover:after,.index .pt1 .top ul li.cur:after{width:50px;} .index .pt1 .main{position:relative; margin-top:40px; padding-left:100px;} .index .pt1 .main:before{content:""; width:1800px; height:85%; background:url(../images/ipt1_bg.jpg) no-repeat center; background-size:cover; position:absolute; left:0; bottom:60px; z-index:-1;} .index .pt1 .main .left_box{width:45%; padding:50px 0 300px 60px;} .index .pt1 .main .en{font-size:56px; color:#015198; font-family:Impact;} .index .pt1 .main .cn{font-size:37px; color:#000; font-weight:bold;} .index .pt1 .main .desc{font-size:16px;} .index .pt1 .main .para{font-size:19px; color:#000; font-weight:bold; margin:20px 0 10px;} .index .pt1 .main ul{overflow:hidden;} .index .pt1 .main ul li{width:33.3%; float:left;} .index .pt1 .main ul li .num{font-size:37px; color:#282828; font-family:Impact; text-transform:uppercase; line-height:1;} .index .pt1 .main ul li .de{font-size:16px; color:#6f6f70; margin-top:10px;} .index .pt1 .main .pic{position:absolute; right:0; bottom:-5%; width:48%;} .index .pt1 .main .ctrl{position:absolute; left:0; bottom:60px; width:100px; height:85%; background:#21478b; color:#fff; text-align:center;} .index .pt1 .main .ctrl i{font-size:26px; cursor:pointer;} .index .pt1 .main .ctrl a:hover{color:#fff;} .index .pt1 .main .ctrl .line{padding-top:35px;} .index .pt1 .main .ctrl .num{transform:rotate(-90deg)} .index .pt1 .main .ctrl .bar{width:2px; height:160px; background:#395c95; margin:15px 49px; position:relative;} .index .pt1 .main .ctrl .bar .process{content:""; position:absolute; top:0; left:0; right:0; height:0; background:#869bbe; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .index .pt1 .main .ctrl .tool{position:absolute; left:0; right:0; bottom:20px; } .index .pt1 .owl-nav{position:absolute; bottom:80px; left:60px; font-size:40px; color:#21478b; overflow:hidden;} .index .pt1 .owl-nav>div{float:left;} .index .pt1 .owl-nav>div:hover{color:#015198; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .index .pt1 .owl-nav i{margin-left:0; margin-right:20px;} .index .pt2{background:url(../images/ipt2_bg.jpg) no-repeat center; background-size:cover; color:#fff; padding-top:85px; position:relative; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ipt2_bg.png',sizingMethod='scale');} .index .pt2 .index_en{color:#fff; margin-top:10px;} .index .pt2 .index_cn{color:#fff;} .index .pt2 .index_desc{color:#b9c0d0;} .index .pt2 a:hover{color:#fff;} .index .pt2 .t{font-size:24px; font-weight:bold; margin-bottom:10px;} .index .pt2 .d{font-size:15px; line-height:24px; height:48px; overflow:hidden;} .index .pt2 .con{padding:70px 60px 0;} .index .pt2 .box2{background:url(../images/ipt2_box2.png) no-repeat right center; background-size:cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ipt2_box2.png',sizingMethod='scale');} .index .pt2 .box4{background:url(../images/ipt2_box4.png) no-repeat right center; background-size:cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ipt2_box4.png',sizingMethod='scale');} .index .pt2 .box6{background:url(../images/ipt2_box6.png) no-repeat right center; background-size:cover; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/ipt2_box6.png',sizingMethod='scale');} /* .index .pt2:after{content:""; position:absolute; left:50%; margin-left:600px; bottom:0; width:600px; height:250px; background:#fff;} */ .index .pt2:before{content:""; position:absolute; right:0; bottom:-80px; width:188px; height:334px; background:url(../images/ipt2_logo.png) no-repeat center; z-index:1;} .index .pt2 .wrap{overflow:hidden;} .index .pt2 .box{float:left; height:250px;overflow:hidden;} .index .pt2 .smbox{width:27.5%;} .index .pt2 .lgbox{width:45%;} .index .pt3{position:relative; background:url(../images/ipt3_bg.jpg) no-repeat left top; background-size:cover; padding-top:80px; padding-bottom:60px;} .index .pt3 .top{width:48%; position:relative; z-index:1; margin-top:70px; height:360px;} .index .pt3 .top .desc{color:#a9a9a9; font-size:16px; margin-top:30px;} .index .pt3 .top .con{padding-right:140px;} .index .pt3 .top .index_more{position:absolute; right:0; top:0; bottom:0; width:140px; background:#fff; padding-top:20px; text-align:center;} .index .pt3 .pic{position:absolute; left:50%; top:160px; z-index:10;} .index .pt3 .pic img{max-width:none;height: 427px;width: 80%;} .index .pt3 .dp{margin-top:30px;position:relative;} .index .pt3 .dp .l{width:20%; font-weight:bold; background:#21478b; color:#fff; position:absolute; left:0; top:0; bottom:0;} .index .pt3 .dp .l .con{padding:25px 30px;} .index .pt3 .dp .l .en{font-size:46px; font-family:Impact; line-height:1;} .index .pt3 .dp .l .cn{font-size:30px;} .index .pt3 .dp .r{width:80%;} .index .pt3 .dp .r ul{overflow:hidden;} .index .pt3 .dp .r li{float:left; width:25%; padding:20px 0; cursor:pointer;} .index .pt3 .dp .r li .con{padding-left:95px;} .index .pt3 .dp .r li .num{font-size:28px; color:#000; font-family:Impact; line-height:50px;} .index .pt3 .dp .r li .d{color:#a9a9a9; font-size:16px;text-align: center} .index .pt3 .dp .r li .icon{width:35px; height:35px; background:url(../images/ipt3_icon.jpg) no-repeat; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .index .pt3 .dp .r .li2 .icon{background-position:-35px 0;} .index .pt3 .dp .r .li3 .icon{background-position:-70px 0;} .index .pt3 .dp .r .li4 .icon{background-position:-105px 0;} .index .pt3 .dp .r li:hover .icon{-moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg)} .index .pt4{padding:70px 0 60px; background:#f4f4f9;} .index .pt4 .top{position:relative;} .index .pt4 .rect-65{padding-bottom:65%;} .index .pt4 .main{margin-top:30px;} .index .pt4 .main .left{width:48%; float:left; position:relative;} .index .pt4 .main .left .tit{position:absolute; left:0; right:0; bottom:0; color:#fff; font-size:20px; font-weight:bold; padding:20px 100px 20px 35px; background:url(../images/black.7.png) repeat;} .index .pt4 .main .left .tit .video{width:100px; position:absolute; top:0; bottom:0; right:0; background-color:#015198; background-image:url(../images/video.png); background-repeat:no-repeat; background-position:center; cursor:pointer;} .index .pt4 .main .right{width:48%; float:right;} .index .pt4 .main .right .scroll_con{height:354px; overflow:hidden;} .index .pt4 .main .right li{border-bottom:1px solid #e8ebf2} .index .pt4 .main .right .li_box{padding:25px 25px 25px 70px; display:block;} .index .pt4 .main .right .li_box .date{width:15%; color:#9c9c9c; font-size:14px; text-align:center; margin-right:2%; line-height:1;} .index .pt4 .main .right .li_box .date .day{font-size:50px; line-height:1;} .index .pt4 .main .right .li_box .intro{width:82%; float:left; margin-top:5px;} .index .pt4 .main .right .li_box .intro .t{font-size:16px; color:#000; margin-bottom:6px; font-weight:bold;} .index .pt4 .main .right .li_box .intro .c{color:#666; font-size:14px;} .index .pt4 .main .right li:hover .li_box{background:#e8ebf2;} .index .pt4 .main .right .scroll_btn{} .index .pt4 .main .right .scroll_btn .btns{width:49%; float:left; margin-right:1%; height:25px; line-height:25px; text-align:center; font-size:16px;background:#b9babb; color:#fff; font-weight:bold; cursor:pointer; transition:all 0.5s ease;} .index .pt4 .main .right .scroll_btn .btns:hover{background:#21478b;} .index .pt4 .main .right li:hover .li_box .date{color:#015198;} @media only screen and (max-width:992px){ .index .pt4 .main .right{width:100%;} } @media only screen and (max-width:760px){ .index .pt4 .main .right .scroll_con{height:294px} .index .pt4 .main .right .li_box .intro .t{font-size:16px;} .index .pt4 .main .right .li_box .date .day{font-size:30px;} .index .pt4 .main .right .li_box .date .year{font-size:12px;} .index .pt4 .main .right .li_box .intro{margin-top:0;} .index .pt4 .main .right .li_box .intro .t{margin-bottom:0;} } /*新闻列表*/ /*news_list*/ .news_list{padding:10px 0;} .news_list .pt1 .sele_box{padding:0 20px; font-size:18px;} .news_list .pt1 .sele{width:31%;margin-right:2%; padding-bottom:4px; background:url(../images/gradient_line.jpg) left bottom no-repeat; height:50px; line-height:50px; text-indent:20px; color:#21478b; border:0; background:none; border-bottom:4px solid #21478b; border-radius:0;} .news_list .pt1 .ipt_box{width:32%;padding-bottom:4px; background:url(../images/gradient_line.jpg) left bottom no-repeat;height:50px; line-height:50px; text-indent:20px; color:#21478b; position:relative; background:none; border-bottom:4px solid #21478b;} .news_list .pt1 .ipt_box .ipt{padding-right:40px;} .news_list .pt1 .select-ui-choose ._arrow .arr{border-color: #21478b transparent transparent;} .news_list .pt1 .select-ui-choose-default.on ._arrow .arr{border-color: transparent transparent #21478b;} .news_list .pt1 .ipt_box .ipt input{border:none; outline:none; display:block;height:50px; line-height:50px; width:100%; padding:0; text-indent:20px; background:none;} .news_list .pt1 .ipt_box button{display:block; width:40px; height:50px; position:absolute; right:0; top:0; border:none; outline:none; box-shadow:none; background:none center center no-repeat; padding:0; cursor:pointer; font-size:26px; color:#21478b; font-weight:bold;} .news_list .pt2{padding:40px 0 50px;} .news_list .page_box{margin-top:40px;} .news_list .pt2 .list_box{padding:46px 60px 40px;position:relative;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;background:#fff;} .news_list .pt2 .list_main{overflow:hidden;} .news_list .pt2 .bd_r{width:20%;} .news_list .pt2 .bd_c{width:76%;padding:0 8% 0 5%;} .news_list .pt2 .nopic .bd_c {width:84%;padding-right:0;} .news_list .pt2 .list_title{font-size:20px;color:#202020;font-weight:normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .news_list .pt2 .list_tool{font-size:12px;color:#c9c9c9;padding:10px 0px;} .news_list .pt2 .list_tool .share{margin-left:20px;cursor:pointer;} .news_list .pt2 .list_p{font-size:14px;color:#464646;line-height: 26px;height:52px;overflow:hidden;} .news_list .pt2 .list_box:after{content: "";width:88%;height:1px;background-color:#e6e6e6;position:absolute;bottom:0;right:0;} .news_list .pt2 li:hover .list_box{background-color:#fff;} .news_list .pt2 li:hover .list_box:after{background-color:#e7ebee;} .news_list .pt2 li:hover .list_time{background:#015198;} .news_list .pt2 li:hover .list_title a{color:#21478b;} .news_list .pt2 .list_time{font-size:14px;color:#21478b;padding:0 2% 2% 0;border-right:1px solid #e6e6e6;font-family: Arial;width:60px;} .news_list .pt2 .list_time_day{display:block;font-size:50px;color:#21478b;line-height:50px;font-family:helvetica;} .news_list .pt2 .bdshare-button-style1-16 a{padding:0;margin:0;background:none;height:20px;line-height:20px;} .news_list .pt2 .list_time{ padding: 1% 1%; text-align: center; background: #21478b; color: #fff; position: relative; width: 71px; } .news_list .pt2 .list_time:after{ content: "";position: absolute; width: 1px; height: 100%; background: #e6e6e6; display: block; top: 0; right: -25%; } .news_list .pt2 .list_time_day{ color: #fff; } .news_list .pt2 .list_box:after{ width: 86%; } @media only screen and (max-width:1240px){ .news_list .pt2 .list_box{padding:46px 10px 40px;} .news_list .pt2 .bd_l{width:10%;} .news_list .pt2 .bd_c{width:74%;} } @media only screen and (max-width:996px){ .news_list .pt2 .bd_c{width:68%;} } @media only screen and (max-width:760px){ .news_list .pt2 .bd_r{float: none;width:100%;} .news_list .pt2 .list_main{margin-top: 20px;} .news_list .pt2 .bd_l{width:20%;} .news_list .pt2 .list_box .bd_c{width:70%;padding: 0 0 0 5%;} .news_list .pt2 .list_box:after{width:100%;} .news_list .pt2 .list_time:after{display:none!important;} .news_list .pt2 .list_time{ margin-top:5px; width:60px;} .news_list .pt2 .list_time_day{font-size:32px; line-height:38px;} .news_list .pt2{padding-top:0;} } /*下拉框*/ body .select-ui-options-default li:hover{background:#21478b;} .select-ui-options-sele_list2 {padding-top:2px;} .select-ui-options-sele_list2 li{line-height:40px; color:#333; text-indent:20px; font-size:16px; border-bottom:1px solid #fff; background:#f0f0f0;} .select-ui-options-sele_list2 li:hover{color:#fff; background:#21478b;} /*分页*/ .common-page{font-size:0; margin-top:50px;} .common-page a,.common-page span{line-height:58px;color:#666;background-color: #dde3e8;display: inline-block;vertical-align: middle;text-align:center;padding:0 30px;font-size:14px;margin:0;} .common-page a:hover,.common-page span.current,.common-page span.cur,.common-page a.cur{color:#fff;background-color: #21478b;} @media only screen and (max-width:992px){ .common-page a, .common-page span{line-height:50px; padding:0 25px;} } @media only screen and (max-width:760px){ .common-page a, .common-page span{line-height:30px; padding:0 6px;} } /*新闻详细*/ .news_detail{background:#f0f0f0;padding:30px 0px;} .news_detail .detail_l{width:70.3399%;} .news_detail .l_box{background:#fff;padding:8% 6%;} .news_detail .news_title{font-size:30px;color:#000;margin-bottom: 10px;} .news_detail .l_tools{margin-bottom:40px;line-height:20px;} .news_detail .l_tools span{display:inline-block;*display:inline;*zoom:1;font-size:14px;color:#5a5a5a;} .news_detail .news_time{margin-right: 20px;} .news_detail .switcher .title{display:inline-block;*display:inline;*zoom: 1;vertical-align:middle;} .news_detail .detail_r{width:28%;} .news_detail .detail_r .arr_box{background:#fff;padding:8%;margin-bottom:14px;color:#666;display:block;} .news_detail .detail_r .arr_title{font-size:18px;color:#000;margin-bottom:10px;} .news_detail .detail_r .arr_news_title{font-size:14px;font-weight:normal;} .news_detail .detail_r .arr_time{font-size:14px;padding-top:6px;display:block;} .news_detail .detail_r .arr_box:hover{color:#fff;background:#21478b;} .news_detail .detail_r .arr_box:hover .arr_title{color:#fff;} .news_detail .detail_r .share_box{background:#fff;padding:8%;} .news_detail .detail_r .share_title{font-size:18px;color:#000;margin-bottom:10px;} .news_detail .detail_r .black_list{width:100%;height:42px;line-height:42px;background:#015198;text-align:center;font-size:18px;color:#fff;display:block;} .news_detail .newdetail_share{padding:10px 0px;} .news_detail .newdetail_share a{width:40px;height:40px;display:inline-block;cursor:pointer;text-align:center;border:1px solid #999;line-height:40px;border-radius:50%;background:none;padding:0;margin:0;margin-right: 10px;font-size:20px;color:#999;} @media screen and (max-width:760px){ .news_detail .detail_l,.news_detail .detail_r{width:100%;} .news_detail .news_title{font-size:24px;} } /*news_detail end*/ /*产品综合*/ .product{overflow:hidden; margin-top:0;} .product .pt1{height:650px;background:url(../images/product_bg.jpg) center center no-repeat; padding-top:200px; background-size:cover;} .product .pt1>.wrap{position:relative;} .product .pt1>.wrap .lists{height:520px;} .product .pt1 ul{height:100%;} .product .pt1 li{width:20%; float:left; background-color:rgba(211,219,228,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#B2d3dbe4,endcolorstr=#B2d3dbe4); height:100%;} .product .pt1 li a{display:block; height:100%;overflow:hidden;} .product .pt1 ._box{ width:100%; margin-top:80px; text-align:center; overflow:hidden; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .product .pt1 .ico_box{width:95px; height:60px; margin-left:auto; margin-right:auto; margin-bottom:40px; display:none;} .product .pt1 .tit{font-size:24px; color:#000; line-height:1; margin-bottom:20px;} .product .pt1 .info{width:80%; margin-left: auto; margin-right:auto; font-size:13px; color:#000; line-height:24px; margin-bottom:40px; height:120px; overflow:hidden;} .product .pt1 .pd{height:100%;border-right:1px solid #9ca1a5;} .product .pt1 .pd:hover{border:0;} .product .pt1 .li5 .pd{border:0;} .product .pt1 a:hover .ico_box{display:block;} .product .pt1 a:hover .img_box{display:none;} .product .pt1 a:hover ._box{margin-top:150px;} .product .pt1 li>a:hover{background-color:#21478b;} .product .pt1 a:hover .tit{color:#fff;} .product .pt1 a:hover .info{color:#fff;} .product .scroll_nav{display:none;} .product .arrs{display:block; width:30px; height:56px; top:50%; margin-top:-28px; position:absolute; transition:none;} .product .prev{background:url(../images/prosyn_prev.png) 0 0 no-repeat; left:-50px;} .product .prev:hover{background-position:-29px 0;} .product .next{background:url(../images/prosyn_next.png) 0 0 no-repeat; right:-50px;} .product .next:hover{background-position:-29px 0;} /*产品详细*/ .product_detail{padding:85px 0;} .product_detail .wrap{ background:#eaeced;} .product_detail .pt1 .tab{position:relative; height:105px; overflow:hidden;} .product_detail .pt1 .tab .item{line-height:105px; color:#21478b; display:block; font-size:19px; font-weight:bold; float:left; position:relative;} .product_detail .pt1 .tab .item.cur{background:#21478b; color:#fff;} .product_detail .pt1 .tab .item.left{width:433px; position:absolute; left:0; top:0; background:url(../images/protab_left.png) no-repeat right center;} .product_detail .pt1 .tab .item.left:hover,.product_detail .pt1 .tab .item.left.cur{background:url(../images/protab_left_hover.png) no-repeat right center; color:#fff;} .product_detail .pt1 .tab .item.center{text-align:center; width:463px; position:absolute; left:370px; top:0; z-index:1; background:url(../images/protab_center.png) no-repeat center center; background-size:100% 100%;} .product_detail .pt1 .tab .item.center:hover,.product_detail .pt1 .tab .item.center.cur{background:url(../images/protab_center_hover.png) no-repeat center center; background-size:100% 100%; color:#fff;} .product_detail .pt1 .tab .item.right{text-align:right; width:430px; position:absolute; right:0; top:0; background:url(../images/protab_right.png) no-repeat left center;} .product_detail .pt1 .tab .item.right:hover,.product_detail .pt1 .tab .item.right.cur{background:url(../images/protab_right_hover.png) no-repeat left center; color:#fff;} .product_detail .pt1 .tab .item div{padding:0 60px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;} .product_detail.detail3 .pt1 .tab .item.left,.product_detail.detail3 .pt1 .tab .item.center{width:340px; background-size:100% 100%;} .product_detail.detail3 .pt1 .tab .item.right{width:340px; background-size:100% 100%;} .product_detail.detail3 .pt1 .tab .item.center1{left:289px;} .product_detail.detail3 .pt1 .tab .item.center2{left:581px;} .product_detail.detail3 .pt1 .tab .item div{padding:0 30px;} .product_detail .pt2 .fix{padding-bottom:20px;} .product_detail .pt2 .l{width:45%;} .product_detail .pt2 .l .con{padding-top:100px; padding-left:60px;} .product_detail .pt2 .l .con .tit{font-size:37px; color:#000; font-weight:bold; margin-bottom:10px;} .product_detail .pt2 .l .con .link{margin-top:70px;} .product_detail .pt2 .l .con .link a{display:inline-block; *display:inline; *zoom:1; margin-right: 40px; line-height:18px;} .product_detail .pt2 .l .con .link .look{width:17px; height:17px; display:inline-block; *display:inline; *zoom:1; background:url(../images/view_icon.png) no-repeat; float:left; margin-right:3px;} .product_detail .pt2 .l .con .link a:hover i{color:#555;} .product_detail .pt2 .r{width:50%;} .product_detail .pt3 .item{background:#d6d6d6; text-align:center; padding:15px 0; font-size:16px; color:#333; cursor:pointer;} .product_detail .pt3 .item:hover{color:#fff; background:#21478b; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .product_detail .pt3 .item .icon{width:40px; height:40px; background:url(../images/prodetail_icon.png) repeat; margin:0 auto 5px;} .product_detail .pt3 .item.item1 .icon{background-position:0 0;} .product_detail .pt3 .item.item2 .icon{background-position:-40px 0;} .product_detail .pt3 .item.item3 .icon{background-position:-80px 0;} .product_detail .pt3 .item.item4 .icon{background-position:-120px 0;} .product_detail .pt3 .item.item5 .icon{background-position:-160px 0;} .product_detail .pt3 .item.item6 .icon{background-position:-200px 0;} .product_detail .pt3 .item.item1:hover .icon{background-position:0 -40px;} .product_detail .pt3 .item.item2:hover .icon{background-position:-40px -40px;} .product_detail .pt3 .item.item3:hover .icon{background-position:-80px -40px;} .product_detail .pt3 .item.item4:hover .icon{background-position:-120px -40px;} .product_detail .pt3 .item.item5:hover .icon{background-position:-160px -40px;} .product_detail .pt3 .item.item6:hover .icon{background-position:-200px -40px;} .common-num{line-height:34px; background:url(../images/common_numbg.png) no-repeat left center; margin:50px 0 30px;} .common-num .no{color:#fff; font-size:22px;display:inline-block; *display:inline; *zoom:1; width:85px; padding-left:10px;} .common-num .t{font-size:20px; color:#333; font-weight:bold; } .product_detail .pt3 .con,.product_detail .pt4 .con{padding:0 25px;} .product_detail .pt4 .box{overflow:hidden;} .solution{overflow:hidden; padding:50px 0 40px;} .solution .gear{color:#fff; font-weight:bold; text-align:center; line-height:1.2;} .solution .gear .imgY180:hover a{ cursor:pointer; -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); -webkit-transform:rotateY(360deg); transform:rotateY(360deg) } .solution .gear a{display:inline-block; *display:inline; *zoom:1; -moz-transition:all .8s ease 0s; -ms-transition:all .8s ease 0s; -o-transition:all .8s ease 0s; -webkit-transition:all .8s ease 0s; transition:all .8s ease 0s;} .solution .gear a:hover{color:#fff;} .solution .gear .item1{font-size:22px; top:35%; left:9.5%;} .solution .gear .item2{font-size:28px; top:33%; left:22%;} .solution .gear .item3{font-size:30px; top:50%; left:35%;} .solution .gear .item4{font-size:32px; top:18%; left:52.3%;} .solution .gear .item5{font-size:22px; top:74%; left:53.5%;} .solution .gear .item6{font-size:22px; top:50%; left:62%;} .solution .gear .item7{font-size:22px; top:35%; left:73.5%;} .solution .gear .item8{font-size:22px; top:50%; left:82.5%;} .solution .gear .icon{display:none;} .solution_detail{padding:85px 0 100px;} .solution_detail .pt1 .l{line-height:45px; width:260px;} .solution_detail .pt1 .l li{margin-bottom:4px; background:#e7e7ea; color:#000; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; cursor:pointer;} .solution_detail .pt1 .l li.cur,.solution_detail .pt1 .l li:hover{background:#21478b; color:#fff;} .solution_detail .pt1 .l li.cur .icon,.solution_detail .pt1 .l li:hover .icon{background:#1a3978;} .solution_detail .pt1 .l .icon{display:inline-block; *display:inline; *zoom:1; width:45px; color:#fff; text-align:center; background:#a4a4ab; margin-right:25px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .solution_detail .pt1 .r{width:70%;} .solution_detail .common-num{margin-top:0;} .picture_list{margin-top:40px;} .picture_list ._info h3{display:block; text-align:center; font-size:15px; font-weight:normal; line-height:63px; height:63px; overflow:hidden; text-overflow:ellipsis; background:#ecf1f4;} .picture_list li{ cursor: pointer; margin-bottom: 50px; } .picture_list ._img ._mask{ z-index: 4; width: 100%; height: 0%; overflow: hidden; position: absolute; left: 0; bottom: 0;background:url(../images/blue.6.png) repeat;opacity: 0;transition: all 0.5s ease;overflow: hidden;} .picture_list li:hover ._img ._mask{opacity: 1;transition: all 0.5s ease;height: 100%;} .picture_list ._img i{ display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; margin-top: -26px; margin-left: -26px; color: #fff;padding: 0;opacity: 0; width:52px; height:52px; background:url(../images/pic_view.png) no-repeat center;} .picture_list li:hover ._img i{opacity: 1;transition: all 0.5s ease;} body .album_ordinary .album_close{background:#21478b;} .create{padding:40px 0 70px;} .create .desc{line-height:27px;} .rect-69{padding-bottom:69%;} .rect-142{padding-bottom:142%;} body .album_wrap{z-index:100;} /*下载列表*/ .download{padding:70px 0 150px;} .download01 .download_item{height:104px;padding-right:.6%;line-height:104px;border-bottom:1px solid #e1e8ed;} .download01 .download_item:hover{background-color:#fff; border-color:#fff;} .download01 .download_date{width:10%; height:100%; padding-right:3%; font-family:'Arial'; text-align:right; color:#6b6b6b; position:relative; margin-right:3%;} .download01 .download_date:after{content:""; position:absolute; right:0; top:20%; height:60%; width:1px; background:#e1e8ed;} .download01 .download_date .center_box{display:inline-block; vertical-align:middle;} .download01 .download_date span{display:block; padding-right:3px; font-size:15px; line-height:18px;} .download01 .download_date strong{display:block; font-size:34px; line-height:32px; font-weight:normal; font-family:Impact;} .download01 .download_title{width:57%; padding-right:3%; font-size:16px; color:#272727; font-weight:normal;} .download01 .item_btn{width:10%; height:100%; padding-left:3.1%; font-size:15px; color:#6b6b6b; line-height:104px; background-position:center left; background-repeat:no-repeat;} .download01 .download_item:hover .download_date, .download01 .download_item:hover .item_btn{color:#21478b;} .download01 .item_btn{padding-left:0;margin-right:1%;} .download01 .iconfont{font-size:22px;} /*科研实力*/ .power .pt1{padding:60px 0 90px;} .power .desc{line-height:27px;opacity: 1!important;} .power .picture_list7 ._info h3{display:block;} .power .owl-nav>div{position:absolute; top:50%; color:#d1d1d1; font-size:60px; margin-top:-70px; cursor:pointer; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .power .owl-nav>div:hover{color:#015198;} .power .owl-nav i{margin:0;} .power .owl-nav .owl-prev{left:-60px;} .power .owl-nav .owl-next{right:-60px;} .organize{padding:90px 0;} .organize .rect-53{padding-bottom:53%;} .organize .zq_list{padding-bottom: 20px;} .organize .zq_list li{margin-bottom: 50px;} .organize .zq_list li.att .zq_list_info{float:right;} .organize .zq_list li.att .zq_list_img{float:left;} .organize .zq_list li .zq_list_info{float: left;width: 50%;height: 100%;background-color:#f8f8f8;} .organize .zq_list li .zq_list_img{float: right;width: 50%;height: 100%;overflow: hidden;} .organize .zq_list li .zq_list_info .zq_i_wrap{padding: 46px 80px 52px 60px;} .organize .zq_list li.zq_panel_left .zq_list_info{float: right;} .organize .zq_list li.zq_panel_left .zq_list_img{float: left;} .organize .zq_t{font-size: 26px;color: #000;margin-bottom: 15px;} .organize .zq_p{color: #5a5a5a;line-height: 26px;height: 78px;overflow: hidden;} .organize .zq_link{width: 159px;height: 47px;line-height: 47px;background-color: #eaeaea;text-align: center;color:#21478b;margin-top: 40px;font-size: 15px;} .organize .zq_link a{display: block;} .organize .zq_link a:hover{color: #fff;background-color:#21478b;} .organize .zq_link a:hover .zq_icon{background-position: 0 -16px;} .organize .zq_icon{display: inline-block;width: 16px;height: 16px;vertical-align: middle; margin-top: 0;margin-left: 15px;background:url(../images/link_white.png) no-repeat;} /*营销网络*/ .network .pt1{padding:90px 0;} .contact-info{background:#f5f7f9; overflow:hidden; padding-bottom:80px;} .contact-info .item{background:#fff;} .contact-info .item .box{padding:45px 35px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .contact-info .item .box .t{color:#000; font-size:20px; margin-bottom:10px;} .contact-info .item .box .info{color:#333; font-size:14px;} .contact-info .item .box:hover{background:url(../images/contact_bg.jpg) no-repeat right top; background-size:cover; box-shadow: 2px 2px 10px rgba(0,0,0,.2); } .contact-info .item .box:hover .t{color:#fff;} .contact-info .item .box:hover .info{color:#fff;} .contact-info .item .box a{transition:none;} .contact-info .item .box a:hover{color:#fff;} .rect-42{padding-bottom:42%;} .develop{position: relative;overflow: hidden;z-index:4;} .develop .part01 {overflow: hidden;padding:64px 0;background-color: #fff;} .develop .part01 .his_left {float:left;} .develop .part01 .his_left.at{position: absolute;left:0;bottom: 51px;} .develop .part01 .his_left .his_img{height: 351px;} .develop .part01 .his_left .date_{position: relative;overflow: hidden;width:100%; width:368px;} .develop .part01 .his_left .date_.at{position: absolute;left:0;bottom:0;} .develop .part01 .his_left .date_.fixed{position: fixed;left:50%;margin-left: -600px;top:66px; z-index: 22;} .develop .part01 .his_left .date_ ul li{height: 94px;line-height: 94px;text-align: center; font-size: 22px;color:#2f2f2f;border-bottom: 1px solid #fff;background-color: #f1f1f1;} .develop .part01 .his_left .date_ ul li a{display:block;} .develop .part01 .his_left .date_ ul li.on{background-color:#21478b;} .develop .part01 .his_left .date_ ul li.on a{color:#fff;} .develop .part01 .his_left .date_ ul li:hover{background-color:#21478b;} .develop .part01 .his_left .date_ ul li:hover a{color:#fff;} .develop .part01 .his_right{width:63%;float:right;border-left: 1px solid #e6e6e6;} .develop .part01 .his_right ul li{margin-bottom: 50px;position: relative;border:7px solid #e7e7e7;margin-left: 60px;} .develop .part01 .his_right ul li .oc{position: absolute;left:-76px;top:38px;} .develop .part01 .his_right ul li .os{position: absolute;left:-36px;top:33px;} .develop .part01 .his_right ul li .mask_ {margin:40px 40px;} .develop .part01 .his_right ul li .mask_ .title{font-size: 38px;color:#21478b;text-align: left; margin-bottom: 14px;} .develop .part01 .his_right ul li .mask_ .p{font-size: 14px;color:#5a5a5a;line-height: 24px;} .develop .part01 .his_right ul li .mask_ .bg_img{margin-top: 35px;} .develop .part01 .his_right ul li.li_ .bg_img{display: none;} .develop .part01 .his_right ul li .mask_ .bg_img .img_title{position:absolute;bottom:0;left:0;width:100%;height:34px;line-height:34px;background:url(../images/blue.6.png) repeat;} .develop .part01 .his_right ul li .mask_ .bg_img .img_title span{display:block;padding:0px 10px;font-size:14px;color:#fff;font-weight:normal;text-align:center;} .develop .part01 .his_right .pic{margin-top:30px; overflow:hidden;} .develop .part01 .his_right .pic img{width:100%;} .develop .part01 .his_right .pic.t_pic img{width:48%; float:left;} .develop .part01 .his_right .pic.t_pic img:first-child{margin-right:4%;} /*售后服务*/ .service{padding:90px 0;} .service .pt1{} .service .pt1 .en{font-size:56px; font-family:Impact; line-height:1; margin-bottom:10px; color:#21478b; text-transform:uppercase;} .service .pt1 .cn{font-size:34px; color:#000;} .service .pt1 .con{margin-top:50px;} .service .pt1 .con .l{width:28%; line-height:50px; background:#21478b; color:#fff;} .service .pt1 .con .l ul{padding:10px 0;} .service .pt1 .con .l li{padding-left:60px; cursor:pointer; position:relative; font-size:17px; overflow:hidden;} .service .pt1 .con .l li:before{content:""; width:40px; height:2px; background:#fff; position:absolute; top:50%; left:-40px; margin-top:-1px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .service .pt1 .con .l li.cur:before,.service .pt1 .con .l li:hover:before{left:0;} .service .pt1 .con .l li.cur,.service .pt1 .con .l li:hover{color:#015198; font-weight:bold;} .service .pt1 .con .r{width:72%;} .service .pt1 .con .r .item{overflow:hidden; background-repeat:no-repeat; background-size:cover; background-position:center center; height:570px; position:relative; display:none; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; } .service .pt1 .con .r .item.cur{display:block;} .service .pt1 .con .r .item .info{width:240px; padding:45px 40px; position:absolute; top:0; bottom:0; left:30px; background:url(../images/service.blue.7.png) repeat; color:#fff; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .service .common-num .t{color:#fff;} .service .pt1 .con .r .item .info .tit{font-weight:bold; font-size:20px; margin-bottom:10px;} .service .pt1 .con .r .item.cur .info{left:0;} /*about*/ .about{padding:80px 0;} .about .pt1 {overflow:hidden;} .about .pt1 .year{color:#21478b; font-size:60px; font-family:Impact; letter-spacing:1px; text-transform:uppercase;} .about .pt1 .t{font-size:31px; color:#21478b; margin-bottom:25px;} .about .pt1 .video_box{width:390px; margin-left:60px; margin-bottom:50px; cursor:pointer;} .about .pt1 .video_box video{position:absolute; width:100%; height:100%; left:0; top:0;} .about .pt1 .video_box img{z-index:1;} .about .pt1 .video_box .play{width:70px; height:70px; position:absolute; left:50%; top:50%; margin-left:-35px; margin-top:-35px; background:url(../images/video.png) center center no-repeat; z-index:1;} .about .pt2{padding:30px 0; overflow:hidden;} .about .pt2 .number_box{padding:60px 0; background:url(../images/about_databg.jpg) center center no-repeat; background-size:cover;font-size:15px; color:#fff;} .about .pt2 .number_box .num_box,.about .pt2 .number_box .info_box{margin-left:25%;} .about .pt2 .number_box .num_box .number{font-size:48px; color:#fff; font-family:Impact;} /*关于综合*/ .about_main .rect-40{padding-bottom:40%;} .about_main .rect-120{padding-bottom:120%;} .about_main .rect-114{padding-bottom:114%;} .about_main .ch_sub_tt { font-size:28px; font-weight:bold; color:#000000; text-transform:uppercase; } .about_main .ch_bdr { border:#f3f3f3 10px solid; } .about_main .sub_tt ._hd { font-size:32px; font-weight:bold; line-height:2.4; color:#2f2f2f; } .about_main .part01 {padding:90px 0;} .about_main .part01 .en{font-size:56px; font-family:Impact; color:#21478b; text-transform:uppercase; line-height:1; margin-top:75px;} .about_main .part01 .cn{font-size:34px; color:#000; font-weight:bold; margin:10px 0 30px; position:relative; display:inline-block; *display:inline; *zoom:1; line-height:1;} .about_main .part01 .cn:after{content:""; position:absolute; bottom:2px; right:-8px; width:5px; height:5px; background:#015198; border-radius:50%;} .about_main .part01 ._right ._right_box{padding-left:55px;} .about_main .part01 ._right ._bd {font-size:16px; color:#a9a9a9; line-height:25px;} .about_main .part01 ._right{position:relative;} .about_main .part01 ._right:after{content:"culture"; width:175px; line-height:155px; text-align:center; color:#000; font-size:20px; background:#fff; position:absolute; top:0; right:0; text-transform:uppercase;} .about_main .part02 { padding:70px 0; background-color:#fff; } .about_main .part02 ._ban {width:25%; } .about_main .part02 .tab_box{width:75%;} .about_main .part02 .tab_c_list { width:64%; } .about_main .part02 .tab_c_list .tab_c{ padding:45px 100px 65px 72px; background-color:#f3f6f8; } .about_main .part02 .tab_c_list .tab_c ._hd { margin-bottom:19px; font-size:30px; font-weight:bold; color:#21478b; } .about_main .part02 .tab_c_list .tab_c ._bd { height:187px; overflow:hidden; line-height:26px; } .about_main .part02 .tab_t_list {width:34%; } .about_main .part02 .tab_t {width:100%; font-size:22px; line-height:90px; color:#2f2f2f; background-color:#ffffff; text-align:center; -webkit-transition:all 0.3s ease; transition:all 0.3s ease; } .about_main .part02 .tab_t a{display:block; margin:0;} .about_main .part02 .tab_t a:hover{color:#fff;} .about_main .part02 .tab_t.tab_t_cur { color:#ffffff; background-color: #015198 !important; } .about_main .part03 {padding:60px 0 75px; background:#fff;} .about_main .part03 .item { position:relative; } .about_main .part03 ._mask { position:absolute; top:0; left:0; right:0; bottom:0; color:#ffffff; text-align:center; padding-top:60px; padding-left:50px;} .about_main .part03 .item01 ._mask {background:url(../images/red.8.png) repeat;} .about_main .part03 .item02 ._mask {background:url(../images/blue.8.png) repeat;} .about_main .part03 ._mask ._hd { padding-top:55px; padding-bottom:4px; font-size:24px; font-weight:bold; } .about_main .part03 ._mask ._bd { padding-bottom:13px; font-size:18px; font-weight:normal; } .about_main .part03 ._mask ._more { font-size:13px; font-family:Arial; text-transform:uppercase; } .about_main .part03 .sub_tt { margin-bottom:48px; } .about_main ._btn_list ._more_btn { display:inline-block; *display:inline; *zoom:1; margin-right:40px; margin-bottom:37px; } .about_main ._btn_list ._more_btn ._txt{position:relative;z-index: 2;} .about_main ._Mbtn { -webkit-transition:all 0.3s ease; transition:all 0.3s ease; *cursor:hand; } .about_main a{display:inline-block; *display:inline; *zoom:1;} .about_main ._more_btn{padding:15px 100px 10px; display:inline-block; *display:inline; *zoom:1;} .about_main ._Mbtn:hover{box-shadow: 0 8px 18px #ccc;} .about_main .part01 ._right ._btn_list a{display: inline-block;} .about_main .video_con{cursor:pointer;} /*.about_main .video_con .play{width:70px; height:70px; position:absolute; left:50%; top:50%; margin-left:-35px; margin-top:-35px; background:url(../images/video.png) center center no-repeat; z-index:1;}*/ .about_main .part03 .sub_tt ._hd{text-align:center; font-size:28px; color:#2f2f2f;} .about_main .part03 .sub_tt ._bd{text-align:center;} .about_main .part03 a{width:100%; margin:0; color:#fff;} .about_main .part03 .en{font-family:Impact; font-size:48px; line-height:1; text-transform:uppercase; text-align:left;} .about_main .part03 .cn{font-size:32px; text-align:left;} @media only screen and (max-width: 1240px){ .about_main .part01 ._right ._right_box{padding:4% 10%;border:none;} .about_main .part02 .tab_c_list .tab_c{padding: 30px 20px;} .about_main ._btn_list ._more_btn{margin-bottom: 33px;} .about_main .part01 .down{background: #eee;} } @media only screen and (max-width: 992px){ .about_main .part01 ._right ._right_box{border-left: #f3f3f3 10px solid;padding:2% 4%;} .about_main .part03 ._mask ._hd{padding-top:20px;} .about_main .part02 ._ban{display: none;} .about_main .part02 .tab_box, .about_main .part02 .tab_t_list, .about_main .part02 .tab_c_list{width: 100%} .about_main .part02 .tab_t{width: 25%;float: left;font-size: 18px;margin-bottom: 10px;} .about_main .part02 .tab_c_list .tab_c ._bd{height:auto:} .about_main .part02 .rect-40{padding-bottom: 0;height: auto;} } @media only screen and (max-width: 760px){ .about_main .part02 ._ban,.about_main .part02 .tab_box,.about_main .part02 .tab_t_list,.about_main .part02 .tab_c_list{width:100%;} .about_main .part02 .tab_c_list .tab_c{padding:8%;} .about_main .part01 ._right ._btn_list a{width: 40%;margin:0 4%;overflow: hidden;} .about_main ._btn_list ._more_btn{width: 100%;margin-right: 0;} .about_main .part02 .tab_t{width: 50%;line-height: 50px;font-size: 16px;} } /*联系我们*/ .contact .pt1{padding:70px 0 40px;} .contact .map_box{ position: relative; height: 420px; max-height: 420px; } .contact .map_box .map{ height: 100%; overflow:hidden;} .contact .map_box .map img{max-width: none;} .contact .map_box .con{ position: absolute; top: 15%; right: 5%; background: url(../images/blue.8.png); color: #fff; } .contact .map_box .con dl{ padding: 40px; } .contact .map_box .con dt{ font-size: 28px; margin-bottom: 20px; } .contact .map_box .con dd{ font-size: 15px; margin-top: 10px;} /*招聘*/ .job{padding:70px 0;} .job .job_search{padding:30px 40px; border:10px solid #dde1e4; margin-bottom:40px;} .job .job_search .from_title{font-size:14px; color:#000; margin-right:15px; line-height:30px;} .job .job_search .sele{width:300px; border:1px solid #dde1e4; height:30px; line-height:30px; border-radius:0; margin-right:50px; float:left;background:none;} .job .job_search .ipt{width:270px;float:left; height:30px; line-height:30px; border:1px solid #dde1e4; text-indent:20px; background:none; outline:none; margin-right:60px;} .job .job_search .job_s_btn{width:180px; height:32px; text-align:center; background:#21478b; color:#fff; border:none; outline:none; box-shadow:none; font-size:18px; padding:0; margin:0; cursor:pointer; float:left;line-height: 32px;text-align:center; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .job .job_search .job_s_btn:before{text-align: left;} .job .job_search .job_s_btn:hover{background:#015198;} .job .job_search .job_s_btn:hover span{color: #000;} .job .job_search .job_s_btn:hover i{color: #000;} .job .job_search .job_s_btn i{margin-right:20px;color: #fff;} .job .pt2 .box{padding:50px 40px; border:1px solid #f0f0f0; background:#fff; cursor:pointer;} .job .pt2 .box .tit{font-size:20px; line-height:28px; height:56px; overflow:hidden; font-weight:bold; color:#000; padding-bottom:20px; margin-bottom:20px; position:relative;} .job .pt2 .box .tit:after{content:""; position:absolute; left:0; bottom:0; width:50px; height:1px; background:#f0f0f0;} .job .pt2 .box p{font-size:13px; color:#5a5a5a; line-height:2;} .job .pt2 .box ._btn{color:#015198; text-transform:uppercase; font-family:Arial; margin-top:30px;} .job .pt2 .box:hover{background:#21478b; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;} .job .pt2 .box:hover .tit,.job .pt2 .box:hover p,.job .pt2 .box:hover ._btn{color:#fff;} /*招聘弹窗*/ .job .job_detail_bg.hide { display:none; } .job .job_detail_bg { position:fixed; top:0; left:0; z-index:100; width:100%; bottom:0; background:rgba(0,0,0,.60); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#99000000,endcolorstr=#99000000); } .job .job_detail_bg .job_detail_win { position:absolute; left:50%; top:50%; margin-top:-300px; margin-left:-470px; width:940px; height:600px; overflow:hidden;background:#fff;} .job .job_detail_bg .job_detail_win > iframe { border-radius:10px; } .job .job_detail { position:relative; padding:10px 45px 40px; } .job .job_detail_bg .btn_close { display:block; position:absolute; top:25px; right:45px; width:30px; height:30px; font-size:0; background:url(../images/job03.png) 0 0 no-repeat;z-index:2;} .job .job_detail .job_tit { line-height:2.4em; font-size:30px; font-weight:bold; color:#333333; border-bottom:#d2d2d2 2px solid; } .job .job_detail .txt_con { margin:18px 0 20px; height:380px; overflow-y:auto; font-size:14px; line-height:28px; } .job .job_detail .det_rec { margin-bottom:6px; } .job .job_detail .det_rec .tit { width:12.3%; color:#666; } .job .job_detail .det_rec .desc { width:77.6%; color:#333; } .job .job_detail .det_mailto_box { margin-left:12.3%; padding:15px 0 15px 3.6%; font-size:14px; color:#333333; line-height:23px; background-color:#cfcfcf; } .job .job_detail .det_mailto_box > a { font-weight:bold; color:#2e3669; text-decoration:underline; } .product_detail .detail2{padding:60px;} .index .pt1 .main .ctrl:after{content:""; position:absolute; top:0; left:100%; height:100%; width:1200px; background:url(../images/index_product_bg.jpg);} .index .pt1 .main .left_box{width:37%;} .index .pt1 .main ul li{width:50%;} .index .pt1 .main .pic{width:56%; bottom:0;} .product_detail.detail3 .pt1 .tab .item div{text-align:center;} .product_detail.detail3 .pt1 .tab .item div{text-align:center;} .product_detail.detail3 .pt1 .tab .item.left{width:336px; background-size:100% 105%;} .product_detail.detail3 .pt1 .tab .item.center{width:338px;} .product_detail.detail3 .pt1 .tab .item{font-size:17px;} .product_detail.detail3 .pt1 .tab .item.right{width:328px; background-size: 100% 105%;} .header .header_nav .inner_box .box_l li{width:16%;} .product_detail .pt3 .item a:hover{color:#fff;} .product_detail .pt4 .clf_ul{padding-left:20px;} .index .pt2 .t{font-size:22px; } .index .pt2 .d{height:72px;} .index .pt2 .con{padding:70px 43px 0;} .organize .zq_p{height:162px;} .index .pt1 .top ul li{width:140px; margin-left:30px;} .index .pt1 .top ul li:first-child{width:160px;} .right_bar{display:none;} .rtbar_shwx{top:-50px;} .index .pt3 .dp .r li{width:20%;} .index .pt3 .dp .r li .icon{width:75px; height:75px; background:url(../images/index_history.png) no-repeat;} .index .pt3 .dp .r .li2 .icon{background-position:-75px 0;} .index .pt3 .dp .r .li3 .icon{background-position:-150px 0;} .index .pt3 .dp .r .li4 .icon{background-position:-225px 0;} .index .pt3 .dp .r .li5 .icon{background-position:-300px 0;} .index .pt3 .dp .r li .con{padding-left:120px;} .index .pt3 .dp .r li .d{color:#4a4a4a;} .about .pt2 .number_box ul{overflow:hidden;} .about .pt2 .number_box li{float:left; width:20%;} .about .pt2 .number_box li .con{margin-left:80px;} .about .pt2 .number_box li .icon{width:75px; height:75px; background:url(../images/about_history.png) no-repeat;} .about .pt2 .number_box .li2 .icon{background-position:-75px 0;} .about .pt2 .number_box .li3 .icon{background-position:-150px 0;} .about .pt2 .number_box .li4 .icon{background-position:-225px 0;} .about .pt2 .number_box .li5 .icon{background-position:-300px 0;} .header .header_nav .inner_box .box_r{display:none;} .header .header_nav .inner_box .box_l{width:100%;} .header .header_nav .inner_box .box_l li{width:14%;} .about_main .part01 ._right:after,.about_main .part01 .cn:after{display:none;} .about_main .part01 .cn:after{display:none;} .about_main .part01 .en{margin-top:40px;} .about_main .part01 .cn{line-height:1.2;} .about_main ._Mbtn{box-shadow: 0 8px 18px #ccc;} .about_main .part03 .item:after{content:"+"; color:#fff; position:absolute; right:30px; bottom:30px; font-size:40px; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; font-weight: lighter; width:46px; height:46px; text-align:center; line-height:1;} .about_main .part03 .item:hover:after{transform:rotate(180deg);} .footer1 .ph a{display:inline-block; *display:inline; *zoom:1;} .footer1 .r .t{margin-bottom:10px;} .talent{} .talent .pt1 .l{width:36%;} .talent .pt1 .r{width:64%;} .talent .pt1 .r .en{font-size:80px; color:#21478b; font-family:Impact; line-height:1; text-transform:uppercase;} .talent .pt1 .r .cn{color:#000; font-size:34px; font-weight:bold; margin-bottom:30px;} .talent .pt1 .r .box{padding-left:70px;} .talent .pt1 .r .box li{line-height:50px; padding-left:30px; position:relative;} .talent .pt1 .r .box li:before{content:""; width:3px; height:3px; border:1px solid #015198; border-radius:50%; display:inline-block; *display:inline; *zoom:1; position:absolute; left:10px; top:22px;} .culture{background:#fff;} .culture .pt1 .l{/*width:70%; */position:relative;} .culture .pt1 .l .text_box{position:absolute; top:60px; left:60px; color:#fff;} .culture .pt1 .l .text_box .tit{font-size:20px; font-weight:bold; margin-top:20px;} .culture .pt1 .l .text_box .desc{font-size:16px;} .culture .pt2 li{overflow:hidden; padding:25px 0 45px; border-bottom:1px solid #f1f1f1;} .culture .pt2 .no{float:left; font-size:50px; border:2px solid #21478b; color:#21478b; line-height:110px; width:110px; text-align:center; border-radius:50%; margin-right:40px;} .culture .pt2 .t{color:#21478b; font-size:20px; font-weight:bold; margin:20px 0 5px; overflow:hidden;} .culture .pt2 .desc{line-height:26px; overflow:hidden;} .culture .pt3{margin-top:35px;} .index .pt3 .pic{width:1068px;} .gupiao .wrap{overflow:hidden;} .gupiao .share_a{margin-bottom:45px;} .gupiao .tit{font-size:24px; color:#303030; margin-bottom:20px; line-height:1;} .gupiao .shares_l{width:40%;background-color:#21478b;color:#fff;height:0;padding-bottom:44%;overflow:hidden;} .gupiao .shares_l_box{padding:14% 6% 12%;} .gupiao .l_title{font-size:14px;font-weight:normal;margin-bottom:30px;} .gupiao .number01{font-size:72px;font-family:Arial;display:block;line-height:56px;margin-bottom:20px;} .gupiao .number01 em{font-size:26px;line-height:26px;display:inline-block;vertical-align:top;margin-right:10px;} .gupiao .number02{font-family:Arial;display:block;} .gupiao .l_hd{text-align:center;padding-bottom:40px;border-bottom:1px solid #fff;margin-bottom:10px;} .gupiao .l_bd dl{padding:4% 0;border-bottom:1px dotted #fff;} .gupiao .l_bd dl:last-child{border:none;} .gupiao .l_bd dt,.gupiao .l_bd dd{text-indent:16%;} .gupiao .l_bd dd{font-family:Arial;} .gupiao .shares_r{width:60%;height:0;padding-bottom:44%;position:relative;overflow:hidden;} .gupiao .r_border{position:absolute;width:100%;height:100%;top:0;left:0;border:5px solid #dddddd;border-left:none;padding:30px 25px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} .gupiao .tab_b{height:40px;margin-bottom:20px;} .gupiao .tab_t{width:16%;text-align:center;border:1px solid #e5e4e9;line-height:40px;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;margin-left:-1px} .gupiao .tab_t.tab_t_cur{color:#015198;} .gupiao .tab_t.tab_t_cur:after{content:"";width:100%;height:3px;background-color:#015198;display:block;position:absolute;bottom:0;left:0;} .index .pt1 .main .en{text-transform:uppercase;} .index .pt1 .main .r.r03{padding-top:120px;} .index .pt1 .main .item1 .pic,.index .pt1 .main .item5 .pic{bottom:auto; margin-top:120px;position:relative; float:right; width:48%;} .index .pt1 .main .item1 .pic{width:55%;} .index .pt1 .main .item1 .pic img,.index .pt1 .main .item5 .pic img{width:auto; display: block; float:right; } .index .pt1 .main .en{font-size:46px; line-height:104px;} .index .pt1 .main .cn{font-size:30px; line-height:104px;} .index .pt1 .main .ctrl:after{background-size:cover;} .index .pt1 .main .item4 .left_box{width:auto; } .index .pt1 .main .desc ul li{display:block; width:auto; padding-left:20px; position:relative; min-width:60%;} .index .pt1 .main .desc ul li:before{content:""; display:inline-block; *display:inline; *zoom:1; width:3px; height:3px; background:#333; border-radius:50%; position:absolute; top:10px; left:0;} .datalist td{padding:5px 10px;} .index_slider .ibanner .text_box .tit:before,.index_slider .ibanner .text_box:after{display:none;} .footer2 .r{display:none;} .index_slider .ibanner .text_box .tit{padding-left:0;} /*video_list*/ .widget-prolist-15 {padding:80px 0;} .widget-prolist-15 ._info{ padding: 20px; background: #d0d9de;} .widget-prolist-15 ._info .tit {display:inline-block;max-width:85%;} .widget-prolist-15 ._info .iconfont{ font-size: 18px;} .widget-prolist-15 li{ cursor: pointer; margin-bottom: 40px; } .widget-prolist-15 li:hover ._info{ background: #21478b; color: #fff;} .widget-prolist-15 li .cover{position: absolute;width: 100%;height: 0;left: 0;bottom: 0;transition: all 0.5s ease;background: rgba(0,0,0,.33);overflow: hidden;} .widget-prolist-15 li .rect-75 i{ display: inline-block; position: absolute; z-index: 5; left: 50%; top: 50%; margin-top: -34px; margin-left: -34px; font-size: 35px;color: #fff;width: 68px;height: 68px;text-align: center;background: url(../images/news_video_da_03.png) no-repeat center center;} .widget-prolist-15 li:hover .cover{height: 100%;transition: all 0.5s ease;} .widget-prolist-15 li:hover ._info .iconfont{color: #fff;} @media only screen and (max-width: 760px){ .widget-prolist-15 li ._info .iconfont{ display:none; } } body .bianji-52658 .form-m1 .form-m1-btn button{line-height:40px; height:40px; border-radius:0; font-size:14px; border:none;}